// 入口函数
$(function () {
    initArtCateList();

    let layer = layui.layer;
    let form = layui.form;

    // console.log($('#aaa').html());
    $('#btn_tj').on('click', function () {
        indexAdd = layer.open({
            type: 1,
            title: '添加文章类别',
            area: ['500px', '300px'],
            content: $('#dialog-add').html()
        });
    })
    let indexAdd = null;

    // 添加类别事件委托提交
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        // alert(123);
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function methodName(res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                initArtCateList();
                layer.msg(res.message);
                // 关闭对话框
                layer.close(indexAdd);

            }
        })
    })

    // 修改功能
    $('tbody').on('click', '.btn-edit', function (e) {
        e.preventDefault();
        indexAdd = layer.open({
            type: 1,
            title: '修改文章分类',
            area: ['500px', '300px'],
            content: $('#dialog-edit').html()
        });
        let Id = $(this).attr('data-id');
        $.ajax({
            url: '/my/article/cates/' + Id,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                };
                form.val('form-edit', res.data)
            }
        })
    })
    // 修改事件委托
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        // 修改
        $.ajax({
            method:'POST',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function  (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                initArtCateList();
                layer.msg(res.message);
                // 关闭对话框
                layer.close(indexAdd);
            }

        })
    })


    // 删除功能
    $('tbody').on('click', '.btn-del', function (e) {
        let Id = $(this).attr('data-id');
        console.log(Id);
        e.preventDefault();
        layer.confirm('是否删除?', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                url: '/my/article/deletecate/' + Id,
                success: function (res) {
                    if (res.status != 0) {
                        return layer.msg(res.message);
                    };
                    layer.msg(res.message);
                    initArtCateList();
                }
            })
            layer.close(index);
        });

        
    })

// 嘤嘤嘤  获取展示功能
    function initArtCateList() {
        $.ajax({
            url: '/my/article/cates',
            success: function (res) {
                // console.log(res.data);
                // 遍历添加
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                let str = template('tpl-art-cate', res)
                $('tbody').html(str);
            }
        })
    }


})